!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[TextAreaInput]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[TextAreaInput]"]=t(require("react")):e["rb_wixui.thunderbolt[TextAreaInput]"]=t(e.React)}("undefined"!=typeof self?self:this,function(e){return function(){var t={"Xdf/":function(t){"use strict";t.exports=e},Fe5V:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function n(e){var a=r[e];if(void 0!==a)return a.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){"use strict";n.r(a),n.d(a,{components:function(){return T}});var e=n("Fe5V"),t=n.n(e),r=n("Xdf/");function o(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=o(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var i=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=o(e))&&(n&&(n+=" "),n+=t);return n};const s="wixui-",l=(e,...t)=>{const r=[];return e&&r.push(`${s}${e}`),t.forEach(e=>{e&&(r.push(`${s}${e}`),r.push(e))}),r.join(" ")},u=13,c=27;function d(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}d(32),d(u),d(c);const p=["aria-id","aria-metadata","aria-type"],f=(e,t)=>Object.entries(e).reduce((e,[r,n])=>(t.includes(r)||(e[r]=n),e),{}),v=e=>{const{role:t,tabIndex:r,tabindex:n,screenReader:a,lang:o,ariaAttributes:i={}}=e,s=Object.entries(i).reduce((e,[t,r])=>({...e,[`aria-${t}`.toLowerCase()]:r}),{});return{role:t,tabIndex:r??n,screenReader:a,ariaAttributes:f(s,p),lang:o}};var b={root:"text-box",label:"text-box__label",input:"text-box__input"};const x=({size:e,...t})=>r.createElement("svg",{viewBox:"0 0 20 20",fill:"currentColor",width:e||"20",height:e||"20",...t},r.createElement("path",{fillRule:"evenodd",d:"M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z"}));x.displayName="ErrorSmall";var m=x,y="wBdYEC",h="cfVDAB",g="YCipIB";const C=e=>{let{errorMessage:t,errorMessageType:n,shouldShowValidityIndication:a,translations:o,dataHook:i,componentViewMode:s}=e;const l="editor"===s?(null==o?void 0:o.errorMessage)||"Error text displays here.":t;return"inline"===n&&a&&l?r.createElement("div",{"data-hook":i||"inline-error-message",className:y},r.createElement(m,{className:h}),r.createElement("span",{className:g},l)):null};var w={TextAreaDefaultSkin:"snt4Te",textAreaDefaultSkin:"snt4Te",textarea:"rEindN","validation-indication":"pOExcs",validationIndication:"pOExcs",label:"PSkPrR",hasLabel:"oKe0Po","required-indication":"NyPO4H",requiredIndication:"NyPO4H",ResponsiveTextAreaDefaultSkin:"lk9PkF",responsiveTextAreaDefaultSkin:"lk9PkF"};const M=()=>{},E=(e,n)=>{var a;const{skin:o,id:s,className:u,customClassNames:c=[],value:d="",label:p,placeholder:f,readOnly:x,required:m,isDisabled:y,maxLength:h,isResponsive:g,shouldShowValidityIndication:E,isValid:k,errorMessageType:S="tooltip",validateValue:A=M,onValueChange:I=M,setValidityIndication:V=M,onBlur:O=M,onFocus:P=M,onKeyPress:T=M,onInput:_=M,onChange:L=M,onClick:j=M,onDblClick:R=M,onMouseEnter:D=M,onMouseLeave:N=M,ariaAttributes:q,componentViewMode:F,translations:B,lang:$}=e,[Z,H]=r.useState(),K=r.useRef(null),[U,X]=r.useState(!0);r.useImperativeHandle(n,()=>({focus:()=>{var e;null==(e=K.current)||e.focus()},blur:()=>{var e;null==(e=K.current)||e.blur()},setCustomValidity:e=>{var t;"message"===e.type&&(null==(t=K.current)||t.setCustomValidity(e.message))}}));const Y=()=>{U&&X(!1)},z=e=>{H(!0),I(e),A(),V(!1)};r.useEffect(()=>{z(d)},[]);const W=!!p,G=i(w[o],u,l(b.root,...c),{[w.hasLabel]:W,[w.requiredIndication]:m,[w.validationIndication]:!!E}),J=v({ariaAttributes:q});return r.createElement("div",t()({id:s},(e=>Object.entries(e).reduce((e,[t,r])=>(t.includes("data-")&&(e[t]=r),e),{}))(e),{className:G,onClick:e=>{y||j(e)},onDoubleClick:e=>{y||R(e)},onMouseEnter:e=>{y||D(e)},onMouseLeave:e=>{y||N(e)}}),r.createElement("label",{htmlFor:"textarea_"+s,className:i(w.label,l(b.label))},p),r.createElement("textarea",t()({ref:K,id:"textarea_"+s,className:i(w.textarea,"has-custom-focus",l(b.input)),rows:g?1:void 0,value:d,onFocus:P,onKeyDown:T,onChange:e=>{Y(),z(e.currentTarget.value),e.type="input",_(e)},onBlur:e=>{V(!0),Y(),O(e),Z&&L({...e,type:"change"}),H(!1)},placeholder:f,readOnly:x,required:m,"aria-required":m,"aria-invalid":!k&&void 0!==k||!U&&!(null!=(Q=K.current)&&Q.validity.valid),maxLength:null===h?void 0:h,disabled:y,lang:$},J.ariaAttributes)),r.createElement(C,{errorMessageType:S,errorMessage:null==(a=K.current)?void 0:a.validationMessage,shouldShowValidityIndication:E,translations:B,componentViewMode:F}));var Q};var k=r.forwardRef(E);const S=(e,n)=>r.createElement(k,t()({isResponsive:!1,ref:n},e));const A=(e,n)=>r.createElement(k,t()({isResponsive:!0,ref:n},e));const I={TextAreaDefaultSkin:r.forwardRef(S),ResponsiveTextAreaDefaultSkin:r.forwardRef(A)},V=(e,n)=>{const{skin:a}=e,o=I[a];return r.createElement(o,t()({ref:n},e))};const O=e=>e.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`);var P;const T={TextAreaInput:{component:r.forwardRef(V),controller:(P=e=>{let{mapperProps:t,controllerUtils:r}=e;return{...t,...(n=r.updateProps,{onValueChange:e=>{n({value:e})},setValidityIndication:e=>{n({shouldShowValidityIndication:e})}})};var n},{useComponentProps:(e,t,r)=>{const n=(e=>({...e,updateStyles:t=>{const r=Object.entries(t).reduce((e,[t,r])=>{return{...e,[(n=t,n.startsWith("--")?t:O(t))]:void 0===r?null:r};var n},{});e.updateStyles(r)}}))(r);return P({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),a}()});
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[TextAreaInput].71b3fd34.bundle.min.js.map